${require('./header.html')}

<div class="index-swiper mb-5">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="${require(`./images/index-banner.png`)}" alt=""></div>
            <div class="swiper-slide"><img src="${require(`./images/index-banner.png`)}" alt=""></div>

        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev d-none d-sm-block"></div>
        <div class="swiper-button-next d-none d-sm-block"></div>
    </div>
</div>


<div class="index-news pt-5 pb-5 mb-5">
    <h2 class="index-title p-3 pt-4 pb-4 mb-5">新闻中心</h2>
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <img class="d-none d-lg-inline-block" src="${require(`./images/index-news.png`)}" alt="">
            </div>
            <div class="col-12 col-lg-8">
                <div class="row">
                    <div class="col-lg-6">
                        <a class="index-news__item" href="">
                            <h3 class="index-news__title">浪博科技-WordPress响站后台你会用吗?</h3>
                            <time class="index-news__time">2019/11/26 10:24:00</time>
                            <p class="index-news__summary">在浪博科技全体员工共同努力下，运用WordPress创造了更符合我们国人使用风格的响应式网站（以下简称响站）...</p>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a class="index-news__item" href="">
                            <h3 class="index-news__title">浪博科技-WordPress响站后台你会用吗?</h3>
                            <time class="index-news__time">2019/11/26 10:24:00</time>
                            <p class="index-news__summary">在浪博科技全体员工共同努力下，运用WordPress创造了更符合我们国人使用风格的响应式网站（以下简称响站）...</p>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a class="index-news__item" href="">
                            <h3 class="index-news__title">浪博科技-WordPress响站后台你会用吗?</h3>
                            <time class="index-news__time">2019/11/26 10:24:00</time>
                            <p class="index-news__summary">在浪博科技全体员工共同努力下，运用WordPress创造了更符合我们国人使用风格的响应式网站（以下简称响站）...</p>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a class="index-news__item" href="">
                            <h3 class="index-news__title">浪博科技-WordPress响站后台你会用吗?</h3>
                            <time class="index-news__time">2019/11/26 10:24:00</time>
                            <p class="index-news__summary">在浪博科技全体员工共同努力下，运用WordPress创造了更符合我们国人使用风格的响应式网站（以下简称响站）...</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <a class=" index-news__btn" href="">更多</a>
    </div>
</div>

<h2 class="index-title p-3 pt-4 pb-4 mb-5">产业格局</h2>
<div class="container-fluid index-industry mb-5">
    <div class="row h-100">
        <div class="col-xl-4 col-lg-7 d-flex flex-column justify-content-center align-items-center pt-5 pb-5 index-industry__bg1">
            <h3 class="mb-4 text-center">云计算</h3>
            <div class="text-justify max-461">
                <p>
                    领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介...
                </p>
            </div>
        </div>

        <div class="col-xl-3 col-lg-5">
            <div class="row h-100 flex-column">
                <div class="col d-flex flex-column justify-content-center align-items-center pt-5 pb-5 index-industry__bg2">
                    <h3 class="mb-4 text-center">智能化教育</h3>
                    <div class="text-justify">
                        <p>
                            浪博教育是隶属于河南浪博科技集团旗下的IT专业教育培训机构，致力于培养中国IT行业紧缺型实用人才。机构拥有业内顶级水平的课程研发团队和师资，为学员量身订制系统化、职业化、专业化的培训课程。并与国内多家知名IT企业建立战略合作关系，培训就业率达99%以上，为有志于进入IT行业寻求发展的青年搭建了一座实现梦想的桥梁...
                        </p>
                    </div>
                </div>
                <div class="col d-flex flex-column justify-content-center align-items-center pt-5 pb-5 index-industry__bg3">
                    <h3 class="mb-4 text-center">软件开发</h3>
                    <div class="text-justify">
                        <p>
                            领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介领域简介...
                        </p>
                    </div>
                </div>
            </div>

        </div>

        <div class="col-xl-5 col-lg-12">
            <div class="row h-100 flex-column">
                <div class="col d-flex flex-column justify-content-center align-items-center pt-5 pb-5 index-industry__bg4">
                    <h3 class="text-center mb-4">影视传媒</h3>
                    <div class="text-justify max-633">
                        <p>
                            浪博教育是隶属于河南浪博科技集团旗下的IT专业教育培训机构，致力于培养中国IT行业紧缺型实用人才。机构拥有业内顶级水平的课程研发团队和师资，为学员量身订制系统化、职业化、专业化的培训课程。并与国内多家知名IT企业建立战略合作关系，培训就业率达99%以上，为有志于进入IT行业寻求发展的青年搭建了一座实现梦想的桥梁...
                        </p>
                    </div>
                </div>
                <div class="col d-flex flex-column justify-content-center align-items-center pt-5 pb-5 index-industry__bg5">
                    <h3 class="text-center mb-4">智能科技</h3>
                    <div class="text-justify max-633">
                        <p>
                            浪博教育是隶属于河南浪博科技集团旗下的IT专业教育培训机构，致力于培养中国IT行业紧缺型实用人才。机构拥有业内顶级水平的课程研发团队和师资，为学员量身订制系统化、职业化、专业化的培训课程。并与国内多家知名IT企业建立战略合作关系，培训就业率达99%以上，为有志于进入IT行业寻求发展的青年搭建了一座实现梦想的桥梁...
                        </p>
                    </div>
                </div>
                <div class="col d-flex flex-column justify-content-center align-items-center pt-5 pb-5 index-industry__bg6">
                    <h3 class="text-center mb-4">广告企划</h3>
                    <div class="text-justify max-633">
                        <p>
                            浪博教育是隶属于河南浪博科技集团旗下的IT专业教育培训机构，致力于培养中国IT行业紧缺型实用人才。机构拥有业内顶级水平的课程研发团队和师资，为学员量身订制系统化、职业化、专业化的培训课程。并与国内多家知名IT企业建立战略合作关系，培训就业率达99%以上，为有志于进入IT行业寻求发展的青年搭建了一座实现梦想的桥梁...
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="index-apply">
    <h2 class="index-title p-3 pt-4 pb-4 mb-5">应用展示</h2>

    <div class="container ">
        <div class="position-relative">
            <div class="index-apply__1 swiper-container position-absolute top-0 left-0">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-no-swiping">
                        <img src="${require(`./images/index-apply.png`)}" alt="">
                    </div>
                    <div class="swiper-slide swiper-no-swiping">
                        <img src="${require(`./images/index-apply-2.png`)}" alt="">
                    </div>
                    <div class="swiper-slide swiper-no-swiping">
                        <img src="${require(`./images/index-apply-3.png`)}" alt="">
                    </div>
                </div>
            </div>

            <div class="index-apply__2 swiper-container position-absolute top-0 right-0">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-no-swiping">
                        <img src="${require(`./images/index-apply.png`)}" alt="">
                    </div>
                    <div class="swiper-slide swiper-no-swiping">
                        <img src="${require(`./images/index-apply-2.png`)}" alt="">
                    </div>
                    <div class="swiper-slide swiper-no-swiping">
                        <img src="${require(`./images/index-apply-3.png`)}" alt="">
                    </div>
                </div>
            </div>

            <div class="index-apply__3 swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="${require(`./images/index-apply.png`)}" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="${require(`./images/index-apply-2.png`)}" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="${require(`./images/index-apply-3.png`)}" alt="">
                    </div>
                </div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev d-none d-sm-block"></div>
                <div class="swiper-button-next d-none d-sm-block"></div>
            </div>
        </div>
    </div>
</div>

${require('./contact.html')}

${require('./footer.html')}